<template>
  <view class="flex align-center bbs-item" @click="$u.route({
    url: '/pages-details/forums/index',
    params: {
      mId: option.tmf_id,
      meetingId: option.tmf_meeting_id
    }
  })">
    <image class="bbs-item__img" mode="aspectFill" :src="getImgUrl(option.tmf_icon)"></image>

    <view class="bbs-item__content">
      <view class="font32 fw600 c333">{{ option.tmf_name }}</view>
      <view class="font24 c666 mgt20">{{ option.tmf_time_range }}</view>
    </view>

    <view class="mglauto">
      <u-icon name="arrow-right" size="32rpx" color="#481EC1"></u-icon>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    option: {
      type: Object,
      default: () => ({}),
    },
  },
};
</script>

<style lang="scss" scoped>
.bbs-item {
  &__img {
    width: 206rpx;
    height: 120rpx;
    border-radius: 12rpx;
  }

  &__content {
    flex: 1;
    margin-left: 18rpx;
  }
}
</style>
